<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="./mdui/css/mdui.min.css">
    <script src="./mdui/js/mdui.min.js"></script>

<body
    class="mdui-drawer-body-left mdui-appbar-with-toolbar mdui-theme-primary-indigo mdui-theme-accent-pink mdui-theme-layout-auto mdui-loaded"
    id="p-d">
    <header class="appbar mdui-appbar mdui-appbar-fixed">
        <div class="mdui-toolbar mdui-color-theme">
            <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white"
                mdui-drawer="{target: &#39;#main-drawer&#39;, swipe: true}">
                <i class="mdui-icon material-icons">menu</i>
            </span>
            <a href="https://www.mdui.org/" class="mdui-typo-headline mdui-hidden-xs">MDUI</a>
            <a href="https://www.mdui.org/docs/" class="mdui-typo-title">文档</a>
            <div class="mdui-toolbar-spacer"></div>
            <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white"
                mdui-dialog="{target: &#39;#dialog-docs-theme&#39;}" mdui-tooltip="{content: &#39;设置主题&#39;}">
                <i class="mdui-icon material-icons">color_lens</i>
            </span>
            <a href="https://github.com/zdhxiong/mdui" target="_blank"
                class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white"
                mdui-tooltip="{content: &#39;查看 Github&#39;}">
                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36"
                    enable-background="new 0 0 36 36" xml:space="preserve" class="mdui-icon"
                    style="width: 24px;height:24px;">
                    <path fill-rule="evenodd" clip-rule="evenodd" fill="#ffffff"
                        d="M18,1.4C9,1.4,1.7,8.7,1.7,17.7c0,7.2,4.7,13.3,11.1,15.5c0.8,0.1,1.1-0.4,1.1-0.8c0-0.4,0-1.4,0-2.8c-4.5,1-5.5-2.2-5.5-2.2c-0.7-1.9-1.8-2.4-1.8-2.4c-1.5-1,0.1-1,0.1-1c1.6,0.1,2.5,1.7,2.5,1.7c1.5,2.5,3.8,1.8,4.7,1.4c0.1-1.1,0.6-1.8,1-2.2c-3.6-0.4-7.4-1.8-7.4-8.1c0-1.8,0.6-3.2,1.7-4.4c-0.2-0.4-0.7-2.1,0.2-4.3c0,0,1.4-0.4,4.5,1.7c1.3-0.4,2.7-0.5,4.1-0.5c1.4,0,2.8,0.2,4.1,0.5c3.1-2.1,4.5-1.7,4.5-1.7c0.9,2.2,0.3,3.9,0.2,4.3c1,1.1,1.7,2.6,1.7,4.4c0,6.3-3.8,7.6-7.4,8c0.6,0.5,1.1,1.5,1.1,3c0,2.2,0,3.9,0,4.5c0,0.4,0.3,0.9,1.1,0.8c6.5-2.2,11.1-8.3,11.1-15.5C34.3,8.7,27,1.4,18,1.4z">
                    </path>
                </svg>
            </a>
        </div>
    </header>
    <div class="mdui-drawer" id="main-drawer">
        <div class="mdui-list" mdui-collapse="{accordion: true}" style="margin-bottom: 76px;">
            <div class="
                    mdui-collapse-item
                    ">
                <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                    <i class="
                            mdui-list-item-icon
                            mdui-icon
                            material-icons
                            mdui-text-color-blue">near_me</i>
                    <div class="mdui-list-item-content">开始使用</div>
                    <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
                </div>
                <div class="mdui-collapse-item-body mdui-list">
                    <a href="https://www.mdui.org/docs/introduction" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">简介</a><a href="https://www.mdui.org/docs/download" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">下载</a><a href="https://www.mdui.org/docs/compatibility" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">兼容性</a><a href="https://www.mdui.org/docs/jq" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">JavaScript 工具库</a><a href="https://www.mdui.org/docs/global" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">JavaScript 全局方法</a><a href="https://www.mdui.org/docs/migration" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">从 0.4.3 升级到 1.0.0</a>
                </div>
            </div>
            <div class="
                    mdui-collapse-item
                    ">
                <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                    <i class="
                            mdui-list-item-icon
                            mdui-icon
                            material-icons
                            mdui-text-color-deep-orange">layers</i>
                    <div class="mdui-list-item-content">样式</div>
                    <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
                </div>
                <div class="mdui-collapse-item-body mdui-list">
                    <a href="https://www.mdui.org/docs/color" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">颜色与主题</a><a href="https://www.mdui.org/docs/font" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">字体</a><a href="https://www.mdui.org/docs/grid" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">网格布局</a><a href="https://www.mdui.org/docs/typo" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">排版</a><a href="https://www.mdui.org/docs/icon" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">图标</a><a href="https://www.mdui.org/docs/media" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">媒体</a><a href="https://www.mdui.org/docs/helper" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">辅助类</a><a href="https://www.mdui.org/docs/shadow" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">阴影</a>
                </div>
            </div>
            <div class="
                    mdui-collapse-item
                    ">
                <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                    <i class="
                            mdui-list-item-icon
                            mdui-icon
                            material-icons
                            mdui-text-color-green">widgets</i>
                    <div class="mdui-list-item-content">组件</div>
                    <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
                </div>
                <div class="mdui-collapse-item-body mdui-list">
                    <a href="https://www.mdui.org/docs/ripple" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">涟漪动画效果</a><a href="https://www.mdui.org/docs/button" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">按钮</a><a href="https://www.mdui.org/docs/fab" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">浮动操作按钮</a><a href="https://www.mdui.org/docs/select" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">下拉选择</a><a href="https://www.mdui.org/docs/divider" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">分隔线</a><a href="https://www.mdui.org/docs/panel" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">可扩展面板</a><a href="https://www.mdui.org/docs/textfield" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">文本框</a><a href="https://www.mdui.org/docs/selection_control" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">选择控件</a><a href="https://www.mdui.org/docs/slider" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">滑块</a><a href="https://www.mdui.org/docs/list" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">列表</a><a href="https://www.mdui.org/docs/list_control" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">列表控制</a><a href="https://www.mdui.org/docs/grid_list" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">网格列表</a><a href="https://www.mdui.org/docs/tab" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">Tab 选项卡</a><a href="https://www.mdui.org/docs/toolbar" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">工具栏</a><a href="https://www.mdui.org/docs/appbar" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">应用栏</a><a href="https://www.mdui.org/docs/drawer" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">抽屉式导航</a><a href="https://www.mdui.org/docs/bottom_nav" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">底部导航栏</a><a href="https://www.mdui.org/docs/card" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">卡片</a><a href="https://www.mdui.org/docs/chip" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">纸片</a><a href="https://www.mdui.org/docs/tooltip" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">工具提示</a><a href="https://www.mdui.org/docs/snackbar" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">Snackbar</a><a href="https://www.mdui.org/docs/table" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">表格</a><a href="https://www.mdui.org/docs/dialog" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">对话框</a><a href="https://www.mdui.org/docs/menu" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">菜单</a><a href="https://www.mdui.org/docs/progress" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">进度指示器</a>
                </div>
            </div>
            <div class="
                    mdui-collapse-item
                    ">
                <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                    <i class="
                            mdui-list-item-icon
                            mdui-icon
                            material-icons
                            mdui-text-color-brown">view_carousel</i>
                    <div class="mdui-list-item-content">JavaScript 插件</div>
                    <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
                </div>
                <div class="mdui-collapse-item-body mdui-list">
                    <a href="https://www.mdui.org/docs/collapse" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">Collapse</a><a href="https://www.mdui.org/docs/headroom" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">Headroom</a>
                </div>
            </div>
            <div class="
                    mdui-collapse-item
                    ">
                <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                    <i class="
                            mdui-list-item-icon
                            mdui-icon
                            material-icons
                            mdui-text-color-purple">local_mall</i>
                    <div class="mdui-list-item-content">资源</div>
                    <i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
                </div>
                <div class="mdui-collapse-item-body mdui-list">
                    <a href="https://www.mdui.org/docs/material_icon" class="
                                        mdui-list-item
                                        mdui-ripple
                                        ">Material 图标</a>
                </div>
            </div>
        </div>
    </div>
    <script src="./ModifyUIColor.js"></script>
</body>
</html>
